@mixin singleRowEllipsis (){ // 单行禁止换行显示省略号
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
@mixin multipleRowsEllipsis ($num: 2) { // 多行省略号
	word-break:break-all;
	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $num;
    -webkit-box-orient: vertical;
}
@mixin mfsScrollBar () { // 滚动条缩小
	&::-webkit-scrollbar {
		width: 4px;
		height: 4px;
	  }
	  &::-webkit-scrollbar-thumb {
	    border-radius: 10px;
	    // -webkit-box-shadow: inset 0 0 5px rgba(52,150,189,1);
		background: rgba(0, 0, 0, 0.4);
	  }
	  &::-webkit-scrollbar-track {/*滚动条里面轨道*/
	    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);
	    border-radius: 10px;
	    background: rgba(255,255,255,0);
	  }
}
@mixin wordWrap () { // 强制换行
	word-wrap: break-word;
	word-break: normal;
	word-break:break-all;
}
/*@params
 *@direction: 方向
 *@borderWidth: 宽度
 *@borderColor:颜色
 *@borderStyle:描边样式
*/
@mixin mfsBorderDirection ($direction: top, $borderWidth: 1px, $borderColor: #ddd, $borderStyle: solid) {
	@if $direction == top {
		border-top: $borderWidth $borderStyle $borderColor;
	} @else if $direction == right {
		border-right: $borderWidth $borderStyle $borderColor;
	} @else if $direction == bottom {
		border-bottom: $borderWidth $borderStyle $borderColor;
	} @else if $direction == left {
		border-left: $borderWidth $borderStyle $borderColor;
	} @else {
		border: $borderWidth $borderStyle $borderColor;
	}
}